<script setup>
  import { ref, onMounted } from 'vue'

  // 创建响应式数据
  const pDOM = ref(null)

  // DOM数创建后
  onMounted(() => {
    console.log(pDOM.value);
    
    // 设置字体为红色
    pDOM.value.style.color = 'red'
  })
</script>

<template>
  <div>
    <!-- 添加自定义属性 ref 与响应式数据 pDOM 绑定在一起 -->
    <p ref="pDOM">Hello Vue3</p>
  </div>
</template>

<style scoped></style>